<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <title>layout 后台大布局 - Layui</title>
        <link th:href="@{/layui/css/layui.css}" rel="stylesheet" />
    </head>
    <body class="layui-layout-body">
        <div class="layui-layout layui-layout-admin">

            <!-- header -->
            <div th:replace="~{commons/header::header}"></div>

            <!-- left -->
            <div th:replace="~{commons/left::left}"></div>
            <!-- 内容主体区域 -->
            <div class="layui-body">
                <div style="padding: 15px;">内容主体区域</div>
            </div>
        </div>
        <script th:src="@{/layui/layui.js}"></script>
        <script>
            //JavaScript代码区域
            layui.use('element', function() {
                var element = layui.element;
            });

        </script>
    </body>
</html>